<template>
    <div>
        <div class="header-box">
            <van-icon name="arrow-left" size="24" @click="goBack" />
            <div class="header-item">申请成功</div>
            <van-icon name="arrow-left" size="24" style="visibility: hidden;" />
        </div>
        <div class="conten">
            <!-- <van-checkbox
                value="true"
                icon-size="60px"
                checked-color="#4ab759"
                class="check-img"
            ></van-checkbox> -->
            <img src="../../assets/store/timeing.png" alt="" class="check-img">
            <p>申请成功，请耐心等待结果。</p>
            <van-button color="#FFB72F" class="next-step-btn" @click="changeTitle"
                >返 回</van-button
            >
        </div>
    </div>
</template>

<script>
export default {
    name: "Success",
    components: {
        HeaderComp: () => import("@/components/HeaderComps"),
    },
    data() {
        return {};
    },
    beforeRouteLeave(to, from, next) {
        document.title = "提交成功";
        // next();
    },
    methods: {
        goBack() {
            this.$router.push({
                path: "/registers",
            });
        },
        changeTitle() {
            window.document.title = "提交成功";
        },
    },
};
</script>
<style scoped lang="less">
.conten {
    margin: 250px auto 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    p {
        margin-top: 70px;
        font-size: 31px;
        font-family: PingFang SC;
        font-weight: 400;
        color: #898989;
    }
}
.next-step-btn {
    width: 80%;
    position: fixed;
    left: 10%;
    bottom: 100px;
}
.header-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 32px;
    border-bottom: 1px solid #d7d7d7;
    font-size: 36px;
    background: #fff;
    .header-item {
        font-weight: 500;
        color: #131313;
    }
}
.check-img{
    width: 120px;
    height: 120px;
}
</style>
